<template>
      <a-modal
      :open="open"
      :footer="null"
      :width="470"
      style="top: 30px"
      :body-style="bodyStyle"
      wrap-class-name="test"
      class="modal"
      @cancel="onclose"
      >
          <img class="img" src="../assets/image/示例.png" alt="">
      </a-modal>
</template>

<script>
export default {
    name: "outType",
    data (){
        return{
            open:false,
            bodyStyle:["background-color: rgba(255, 255, 255, 0.5);margin:-20px -24px"]
        }
    },
    methods:{
        onclose(){
            this.open = false
        }
    }
}
</script>

<style scoped>
.img{
    height: 470px;
    width: auto;
    background-size: cover;
}
.test .ant-modal-content{
    padding: 0 0 ;
}
</style>